import { Component, Input, OnChanges } from '@angular/core';

@Component({
  selector: 'oy-r-loading',
  templateUrl: './r-loading.component.html',
  styleUrls: ['./r-loading.component.scss']
})

/**
 * 公司：xxx有限公司
 * 版权：xxx2020
 * 描述：数据加载等待动画组件TS处理
 * 作者：oyjl
 * 时间：2020-03-10 11:22:56
 */
export class RLoadingComponent implements OnChanges {

  @Input() rLoadingShow: boolean; // 加载的弹框
  @Input() rLoadingValue: number; // 加载的数值
  @Input() rLoadingText: string; // 加载文字展示
  public loadingShow: boolean; // 加载动画展示,中间变量,防止直接关闭动画，有2秒的缓冲时间
  constructor() { }

  ngOnChanges() {
    if (!this.rLoadingText) {
      this.rLoadingText = '数据加载中';
    }
    if (!this.rLoadingShow) {
      const ti = setTimeout(() => {
        this.loadingShow = false;
        clearTimeout(ti);
      }, 2000);
    } else {
      this.loadingShow = true;
    }
  }

}
